
/* Grafica per la sezione dei corsi */

$main-color: #191919;
$white-color:#fff;
$green-color:#52b5bb;
$grey-color: #f1f1f1;
$course-color:#2b2f3a;

$font-nexa-regular : "nexa_slab_regularregular", Helvetica, Arial, sans-serif !default;
$font-nexa-heavy : "nexa_slab_heavyregular", Helvetica, Arial, sans-serif !default;
$font-nexa-light : "nexa_slablight", Helvetica, Arial, sans-serif !default;
$font-nexa_slabxbold : "nexa_slabxbold", Helvetica, Arial, sans-serif !default;
$font-nexa_black : "nexa_slab_blackregular", Helvetica, Arial, sans-serif !default;
$font-nexa_book : "nexa_slab_bookregular", Helvetica, Arial, sans-serif !default;

@mixin box-style(){
    margin-bottom:5px;
    overflow:hidden;
}

@mixin black-banner() {
    background:$main-color;
    height:50px;
}

@mixin dark-banner() {
    background:#000;
    height:50px;
    line-height:50px;
    padding: 0 15px;
}

@mixin white-banner() {
    background:$white-color;
    height:50px;
    line-height:50px;
    padding: 0 15px;
}

@mixin grey-banner() {
    background:$grey-color;
    height:50px;
    line-height:50px;
    padding: 0 15px;
}

@mixin black-bkg() {
    background:$main-color;
    min-height:100px;
    padding:10px 20px;
}

@mixin black-bkg-soft() {
    background:#26282e;
    min-height:100px;
    padding:10px 20px;
}

@mixin a-not-button {
  a:not(.button) {
    background : transparent;
    padding: 0 px;
    }
}  

       
#sez-corso {

    background-color: $white-color;
    
    .content_wrapper {background: url('/libs/css/assets/bkg_noise.png') repeat scroll 0 0  $white-color;}
    
    .wrapper_banner.banner_gradient_big  {
        background-image: url("/libs/css/assets/noisy_banner.png"), url("/libs/css/assets/gradient_bannerUp_big.png"); 
        background-repeat: repeat, no-repeat;
        background-position: 0 0, center top;
        background-color: #203A4D;
        box-shadow: 0 -3px 2px #333333 inset;
        min-height: 470px !important;
        /*background-color: #203a4d;
        box-shadow: 0 -3px 2px #333 inset;
        .banner_gradient_big {
            background: url("../../libs/css/assets/gradient_bannerUp_big.png") no-repeat right 0 transparent;
            min-height: 470px !important;
        }
        .banner_gradient_medium {
            background: url("../../libs/css/assets/gradient_bannerUp_medium.png") no-repeat right 0 transparent !important;
            min-height: 280px !important;
        }
            */
        .autore {
            a {
                color: $green-color;
                font-style: italic;
            }
        }
    }
    .wrapper_banner.banner_gradient_medium  {
        background-image: url("/libs/css/assets/noisy_banner.png"), url("/libs/css/assets/gradient_bannerUp_medium.png"); 
        background-repeat: repeat, no-repeat;
        background-position: 0 0, center top;
        background-color: #203A4D;
        box-shadow: 0 -3px 2px #333333 inset;
        min-height: 280px !important;
        .autore {
            a {
                color: $green-color;
                font-style: italic;
            }
        }
    }
    
    .content_banner {
        color: $white-color;
        padding: 6% 0 3%;
        .sez-text {
            padding-top: 2.5em;
            .btn_area {
                margin-top:0.5em;
            }
        }
        h1 {
            color: $white-color;
            font-size: 2.4em;
            text-transform: uppercase;
        }
        p {
            line-height:1.5em;
            margin : 0;
            padding: 1em 0 0.5em;
        }
        .button {
            background: $green-color;
            padding: 0.6em 0.5em;
            width: 118px;
            
            span {
                text-align: left;
                width: 60%;
            }
            img {
                padding-left: 1em;
            }
        }
        .invita {
            span{padding-top:0.5em;}
        }
        .sez-media {
            .media {
                background: $main-color;
                width: 100%;
                height: 320px;
                border: 6px solid $white-color;
                border-bottom: 26px solid $white-color;
                position: relative;
                .share_passaparola {
                    position: absolute;
                    bottom: -24px;
                    right: -42px;
                }
            }
            .curr_categoria {
                text-align: right;
                img {
                    padding-bottom: 4px;
                }
            }
            span {
                color: #f0f0f1;
                font-size: 1.2em;
            }
        &.bought {
            .media {
                width: 320px;
                height: 180px;
                border-bottom-width: 6px;
                float: left;
            }
            .curr_categoria {
                float: left;
                width: 38%;
                margin-right: 1.0em;
                .name {
                    color: $green-color;
                    font-family: $font-nexa-heavy;
                    font-size: 1.4em;
                }
                .nome {
                    margin-bottom: 25px;   
                    line-height: 1.4em;
                 }
                .frequenze {
                    margin-bottom: 25px;
                    line-height: 1.4em;
                }
                .valutazione {
                    margin-bottom: 25px;
                    line-height: 1.4em;
                    .lampadine {float: right;}
                }
            }
        }
      }
        
    }/*end content_banner*/
    
    
    
    .wrapper_buy_up {
        background-color: #55b8be;
        text-align: center;
        color: $white-color;
        .button {
            background: #fbde00;
            border: none;
            color: #201f25;
            font-weight: normal;
            font-size: 1.2em;
            padding: 0.4em 0.8em;
            margin: 4px 0;
        }
    }/*end wrapper_buy_up*/
    
    .wrapper_buy_down {
        background-color: #65c7cd;
        text-align: center;
        color: $white-color;
        box-shadow: 0 -3px 2px #02A7AD inset;
        .course_bank {font-size: 5.0em;}
        .course_cent {font-size: 2.5em; padding-top: 1%;}
        .valuta {font-size: 2.5em; padding-top:2%;}
    }/*end wrapper_buy_down*/
    
    .wrapper_dettagli {
        background-color: #65c7cd;
        text-align: right;
        font-size:3.0em;
        color:$white-color;
        box-shadow: 0 -3px 2px #02A7AD inset;
        height: 35px;
        .btn_det_corso {
            font-size: 0.5em;
            cursor: pointer;
            line-height: 35px;
        }
        p {
            font-size: 0.8em;
            line-height: 1.2em;
            padding: 0 0 0 15px;
        }
    }/*end wrapper_dettagli*/
    
    .wrapper_dettagli_hide {
        display: none;
    
        .item_toDisplay {
            background: transparent;
          /*  margin-bottom: 0.5em;*/
            position: relative;
        }

        .item_button {
            color: #FFFFFF;
            cursor: pointer;
            font-weight: bold;
            height: 4em;
            line-height: 4em;
            overflow: hidden;
            padding: 0 1em;
            text-transform: uppercase;
            vertical-align: middle;
            width: auto;
        }
        .item_icon {
            cursor: pointer;
            float: right;
            z-index: 1000;
        }
        .sez-left {
            .icon_plus {
                background: url("/libs/css/assets/icon_plus_b.png") no-repeat scroll 0 0 transparent;
                height: 12px;
                width: 12px;
            }
            .icon_minus {
                background: url("/libs/css/assets/icon_minus_b.png") no-repeat scroll 0 0 transparent;
                height: 12px;
                width: 12px;
            }
        }
        .sez-right{
            .icon_plus {
                background: url("/libs/css/assets/icon_plus_w.png") no-repeat scroll 0 0 transparent;
                height: 12px;
                width: 12px;
            }
            .icon_minus {
                background: url("/libs/css/assets/icon_minus_w.png") no-repeat scroll 0 0 transparent;
                height: 12px;
                width: 12px;
            }
        }
        .item_content {
            clear:both;
        }
    }/*end wrapper_dettagli_hide*/
    
    .wrapper_main {
        .black_banner {
            @include black-banner();
        }
        .sez-left{
            /*padding:30px 0px 50px 0px;*/
            margin-top:30px;
            margin-bottom:50px;
            
            .item_button {
                color: #FFFFFF;
                cursor: pointer;
                font-weight: bold;
                height: 4em;
                line-height: 4em;
                overflow: hidden;
                padding: 0 1em;
                text-transform: uppercase;
                vertical-align: middle;
                width: auto;
            }
            .item_icon {
                cursor: pointer;
                float: right;
                z-index: 1000;
            }
            .icon_plus {
                background: url("/libs/css/assets/icon_plus_b.png") no-repeat scroll 0 0 transparent;
                height: 12px;
                width: 12px;
            }
            .icon_minus {
                background: url("/libs/css/assets/icon_minus_b.png") no-repeat scroll 0 0 transparent;
                height: 12px;
                width: 12px;
            }
            .item_content {
                clear: both;
            }
            
            .box_howto {
                @include box-style();  
                background:$white-color;
                padding: 3px 15px;
                text-align: justify;
                /*min-height:240px;*/
                h2 {
                    font-family: $font-nexa_book;
                    font-size:2.35em;
                    line-height: 2.0em;
                }
                p {
                    line-height:1.2em;
                    padding:0 0 0 15px;
                    font-family: $font-nexa_book;
                }      
            }/*end box_howto*/
            
            
            .box_writers {
                @include box-style();
                min-height:330px;
                
                .box_author {
                    padding:0;
                    text-align: center;
                    position: relative;
                    display: block;
                                       
                    .view_all {
                        font-size: 0.8em;
                        font-family: $font-nexa_slabxbold;
                        text-transform: uppercase;
                        position: absolute;
                        top: 60px;
                        right: 6px;
                        z-index: 1;
                        color: $green-color;
                    }
                    .single_teacher {
                        .round_img {
                            position: relative;
                            img.avatarImg {
                                 height: 155px;
                                 /*width: 155px;*/
                             }
                            .avatar{
                                background: url('/libs/css/assets/mask_oneTeacher.png')no-repeat;
                                width: 100%;
                                height: 166px;
                                position: absolute;
                                top:0;
                                left: 0;
                            }
                        }
                        .box_info {
                            .box_social {
                                margin: 10px auto;
                                width: 22%;
                                li {
                                    margin-left:0;
                                    a {
                                        width:20px; 
                                        height:21px;
                                        background-image: url('/libs/css/assets/corso_social_icons.png');
                                        background-color: transparent;
                                        background-position: 0 0;
                                    }
                                    a.tw {background-position: 0 0;}
                                    a.fb {background-position:40px 0px;}
                                    a.ln {background-position:79px 0px;}
                                }
                            }/*end box-social*/
                            .name {
                                font-size:19px;
                                color:$course-color;
                            }
                            .role {
                                color:$green-color;
                                margin-bottom: 1.25em;
                                font-style:italic;
                            }
                            p {
                                color:$course-color;
                                line-height:1em;
                                width:60%;
                                margin:0 auto;
                            }
                        }
                    }/*end single_teacher*/
                    
                    
                    .many_teachers {
                        position: relative;
                        height: 330px;
                        overflow-y: auto;
                        .teacher {
                            display: block;
                            margin-bottom: 0.5em;
                            .round_bkg {
                                position: relative;
                                img.avatarImg {
                                    display: block;
                                    float: left;
                                    height: 100px;
                                    overflow: hidden;
                                 }
                                .bkg_avatar{
                                    background: url('/libs/css/assets/mask_manyTeachers.png')no-repeat;
                                    width: 100%;
                                    height: 100px;
                                    position: absolute;
                                    top:0;
                                    left: 0;
                                }
                            }
                            .box_info {
                                width: 100%;
                                height: 100%;
                                padding: 1em 0.5em 0.5em;
                                position: relative;
                                text-align: left;
                                .box_social {
                                    width: 100%;
                                    a {
                                        float: left;
                                        width:20px; 
                                        height:21px;
                                        background-image: url('/libs/css/assets/corso_social_icons.png');
                                        background-color: transparent;
                                        background-position: 0 0;
                                    }
                                    a.tw {background-position: 0 0;}
                                    a.fb {background-position: 40px 0px;}
                                    a.ln {background-position: 79px 0px;}
                                    
                                }/*end box-social*/
                                .name {
                                    font-size: 1.2em;
                                    color: $course-color;
                                    font-family: $font-nexa_slabxbold;
                                }
                                .role {
                                    color: $green-color;
                                    margin-bottom: 1.0em;
                                    font-style: italic;
                                }
                            }
                            .info_toShow {
                                background-color: transparent;
                            }
                            .show_icon{
                                height: 12px;
                                width: 12px;
                                margin-right: 0.5em;
                                margin-top: -15px;
                                cursor: pointer;
                            }
                            .icon_plus {
                                background: url("/libs/css/assets/icon_plus_b.png") no-repeat scroll 0 0 transparent;
                            }
                            .icon_minus {
                                background: url("/libs/css/assets/icon_minus_b.png") no-repeat scroll 0 0 transparent;
                            }
                            .teacher_content {
                                display: none;
                                color: $course-color;
                                line-height:1em;
                                width: 100%;
                                margin:0 auto;
                                padding: 1.0em;
                                text-align: center;
                            }
                        }
                        .go_back_oneTeacher{
                            color: $green-color;
                            font-size: 0.8em;
                            font-family: $font-nexa_slabxbold;
                            text-transform: uppercase; 
                            cursor: pointer;
                            margin: 0.5em 0;
                        }
                    }/*end many_teachers*/
                    
                }/*end box-author*/
                
                .box_followers {
                    padding:0;
                    text-align: center;
                    .num {
                        font-size:48px;
                        color:$green-color;
                        font-family: $font-nexa-light;
                    }
                    p {
                        font-size:16px;
                        line-height:16px;
                        color:$course-color;
                        opacity:0.8;
                        font-family: $font-nexa_slabxbold;
                    }
                    .f_list {
                        width:185px;
                        height:148px;
                        margin:0 auto;
                        li {
                            margin: 0 0 0.3em 0.3em;
                            width:40px;
                            height:46px;
                            img {
                                width:40px;
                                height:46px;
                            }
                        }
                    }
                    .valutazione {
                        width:185px;
                        margin:24px auto 0;
                        span {
                            font-family: $font-nexa_slabxbold;
                            font-size:16px;
                            line-height:16px;
                            color:$course-color;
                        }
                        .lampadine {
                            margin: 4px auto 0;
                        }
                    }
                }/*end box-followers*/
                
            }/*end box-writers*/
            
            .box_list_content {
                @include box-style();  
                .block{
                    .title{
                        @include black-banner();
                        color: $white-color;
                        line-height: 40px;
                        padding: 5px 10px;
                        font-family: $font-nexa_slabxbold;
                    }
                    .main_title{
                        color: #233c4f;
                        padding-bottom:15px;
                    }
                    .table {
                        display: block;
                    }
                    .white {
                        @include white-banner();
                    }
                    .grey {
                       @include grey-banner();
                    }
                    .black{
                        @include dark-banner();
                        span {
                            color:$white-color;
                        }
                    }
                    .tablelike {
                        display: table;
                        margin: inherit;
                        li {
                            width:85%;
                            min-width:50px;
                            height:50px;
                            vertical-align: middle;
                            display: table-cell;
                        }
                    }
                    .num {
                        font-size:2.5em;
                        font-weight: bold;
                        font-family: $font-nexa_slabxbold;
                    }
                    .info{
                        font-family: $font-nexa_slabxbold;
                        font-size:1.2em;
                    }
                    .less_num {
                        color:$green-color;
                        font-family: $font-nexa_slabxbold;
                        font-size:1.1em;
                    }
                    .less_name{
                        color:$course-color;
                        opacity:0.8;
                        font-size:1.1em;
                    }
                    .less_info {
                        color:$green-color;
                        font-family: $font-nexa_slabxbold;
                        font-size:1.1em;
                    }
                    .pdf {
                        width:26px; 
                        height:28px;
                        text-indent: -9999px;
                        background-image: url('/libs/css/assets/corso_lesson_icons.png');
                        background-position: 25px 0;
                    }
                    .video {
                        width:26px; 
                        height:28px;
                        text-indent: -9999px;
                        background-image: url('/libs/css/assets/corso_lesson_icons.png');
                        background-position: 0 0;
                    }
                    .start {
                        width:23px; 
                        height:25px;
                        background-image: url('/libs/css/assets/corso_progress_icons.png');
                        background-position: 0 0;
                    }
                    .finish {
                        width:23px; 
                        height:25px;
                        background-image: url('/libs/css/assets/corso_progress_icons.png');
                        background-position: 0 24px;
                    }
                    
                    
                }/*end block*/
            }
            
        }/*end sez-left*/
        
        .sez-right{
            /*padding:30px 0px 50px 0px;*/
            margin-top:30px;
            margin-bottom:50px;
            
            .item_toDisplay{
                background: transparent;
              /*  margin-bottom: 0.5em;*/
                position: relative;
            }

            .item_button {
                color: #FFFFFF;
                cursor: pointer;
                font-weight: bold;
                height: 4em;
                line-height: 4em;
                overflow: hidden;
                padding: 0 1em;
                text-transform: uppercase;
                vertical-align: middle;
                width: auto;
            }
            .item_icon {
                cursor: pointer;
                float: right;
                z-index: 1000;
            }
            .icon_plus {
                background: url("/libs/css/assets/icon_plus_w.png") no-repeat scroll 0 0 transparent;
                height: 12px;
                width: 12px;
            }
            .icon_minus {
                background: url("/libs/css/assets/icon_minus_w.png") no-repeat scroll 0 0 transparent;
                height: 12px;
                width: 12px;
            }
            .item_content {
                clear: both;
            }
            .box_info_pubb {
                @include box-style();
                padding:10px;
                min-height:240px;
                opacity:0.7;
                div{
                    font-size:18px;
                    line-height:25px;
                    font-family: $font-nexa_book;
                }
                .user_passaparola {
                  //  width:50%;
                }
                span  {
                    font-family: $font-nexa_slabxbold;
                }
                .info_tecniche {
                    margin-top:20px;
                }
                .tag_passaparola {
                    padding: 1.0em 0;
                }
            }/*end box_info_pubb*/
            
            .black_boxes {
                @include box-style();       
                .box_info {overflow: hidden;}
                .box_requisiti {
                    @include black-bkg();
                    h3 {
                        color:$white-color;
                        font-family: $font-nexa_book;
                        opacity:0.7;
                        margin-bottom:10px;
                    }
                    p {
                        color:$white-color;
                        opacity:0.5;
                        line-height:11px;
                        font-size:11px;
                        margin-bottom:0.5em;
                    }
                    .slide-arrow {
                        color:$white-color;
                        opacity:0.5;
                    }
                }/*end box_requisiti*/

                .box_obiettivi{
                    @include black-bkg-soft();
                    h3 {
                        color:$white-color;
                        font-family: $font-nexa_book;
                        font-weight: bold;
                        opacity:0.8;
                        margin-bottom:10px;
                    }
                    p {
                        color:$white-color;
                        opacity:0.5;
                        line-height:11px;
                        font-size:11px;
                        margin-bottom:0.5em;
                    }
                    .slide-arrow {
                        color:$white-color;
                        opacity:0.5;
                    }
                }/*end box_obiettivi*/

                .box_aspettative {
                    @include black-bkg();
                    h3 {
                        color:$white-color;
                        font-family: $font-nexa_book;
                        font-weight: bold;
                        opacity:0.8;
                        margin-bottom:10px;
                    }
                    p {
                        color:$white-color;
                        opacity:0.5;
                        line-height:11px;
                        font-size:11px;
                        margin-bottom:0.5em;
                    }
                    .slide-arrow {
                        color: $white-color;
                        opacity:0.5;
                    }
                }/*end box_aspettative*/
                
                .box_bacheca {
                    @include black-bkg();
                    h3 {
                        color:$white-color;
                        font-family: $font-nexa_book;
                        font-weight: bold;
                        opacity:0.8;
                        margin-bottom:10px;
                    }
                    p {
                        color:$white-color;
                        opacity:0.5;
                        line-height:11px;
                        font-size:11px;
                        margin-bottom:0.5em;
                    }
                    .slide-arrow {
                        color:$white-color;
                        opacity:0.5;
                    }
                    hr {
                        border-top: 1px dashed $white-color;
                        height: 1px;
                        color:$white-color;
                        opacity:0.5;
                        margin: 0.5em 0;
                      }
                }/*end box_bacheca*/
            
            }/*end black_boxes*/
            
            .box_domande {
                margin:20px 0px;
                position: relative;
                h3 {
                    padding:10px 20px;
                    font-family: $font-nexa_slabxbold;
                }
                p {
                    line-height:1.1em;
                }
                #domanda_form {
                    position: relative;
                    padding:10px;
                    background:$green-color;
                }
                #domanda_lens{
                    background: url("/libs/css/assets/header_search_icon.png") no-repeat scroll right center;
                    width:18px;
                    height:18px;
                    position:absolute;
                    right: 13px;
                    top: 13px;
                }
                input {
                    margin-bottom:0px;
                    font-style: italic;
                    font-size:10px;
                    color: #929292;
                }
                .lista_domande {
                    max-height: 310px;
                    overflow-y: auto;
                }
                .domanda {
                    margin-bottom: 0.5em;
                    hr {
                        border-style: dashed;
                    }
                }
                .title {
                    font-family: $font-nexa_slabxbold;
                    text-transform: uppercase;
                    padding-bottom: 15px;
                }
                .answer {
                    padding:10px;
                    .title {
                        color:$green-color;
                        font-family: $font-nexa_slabxbold;
                    }
                }
                .question {
                    padding: 10px;
                    .date {
                        font-family: $font-nexa-light;
                        font-size: 0.8em;
                    }
                }
                
            }/*end box_domande*/
            
            .potrebbeInteressarti {
                display: none;
                @include box-style(); 
                .title{
                    @include black-banner();
                    color:$white-color;
                    line-height:40px;
                    padding: 5px 10px;
                    font-family: $font-nexa_slabxbold;
                }
                .item { 
                    @include a-not-button;
                    height:70px;
                    margin: 18px 0;
                    position: relative;
                    a {height:70px; width:100%; padding:0px;}
                    .img_resize { width:135px; height: 72px; overflow: hidden;}
                    img {
                        width:100%;
                    }
                    .content {
                        height: 72px;
                        line-height:16px;
                        padding: 0 3px 3px;
                        width: 180px;
                        clear: right;
                    }
                    .title_int {font-size:1.0em;line-height: 1.0em;background: transparent;color: $course-color; opacity: 0.8; font-family: $font-nexa_slabxbold; text-transform: uppercase;}
                    .level {font-size:0.8em; opacity: 0.8;}
                    .price {font-size:1.3em;padding-left:8px; font-family: $font-nexa_slabxbold;}
                    .wishlist {position: absolute; bottom: 0; right: 0; width: 30px;}
                    .wishlist_num {font-size:0.7em; font-family: $font-nexa-light; margin-top:0.3em;}
                    .heart {
                        background: url('/libs/css/assets/course_heart.png') no-repeat scroll 0 0 transparent;
                        cursor: pointer;
                        height: 16px;
                        text-indent: -9999px;
                        width: 18px;
                        &:hover {
                            background-position: 0 -16px;;
                        }
                    }
                  }
            }/*end potrebbeInteressarti*/
            
            .corso_percentuale {
                position: relative;
                margin-bottom: 1.0em;
                /*.round_img {
                    height: 105px;
                }
                .bkg_categoria {
                    background: url("/libs/css/assets/mask_categoria.png") no-repeat scroll 0 0 #FF0000;
                    border: 1px solid #FF0000;
                    height: 105px;
                    width: 105px;
                }
                .categoriaIcon {
                    height: 60px;
                    left: 6%;
                    position: absolute;
                    top: 23%;
                }*/
                .round_img {
                    height: 105px;
                    overflow: hidden;
                    position: relative;
                    width: 120px;
                }
                #bar {
                    bottom: 0;
                    height: 0;
                    left: 1em;
                    position: absolute;
                    width: 105px;
                    z-index: 0;
                    background-color: #52B5BB;
                }
                .bkg_categoria {
                    background-image: url("/libs/css/assets/mask_categoria.png");
                    height: 105px;
                    left: 1em;
                    position: absolute;
                    top: 0;
                    width: 105px;
                    z-index: 1;
                }
                .categoriaIcon {
                    background-color: rgba(0, 0, 0, 0);
                    bottom: 0;
                    height: 100%;
                    left: 50%;
                    margin-left: -43%;
                    position: absolute;
                    width: 100%;
                    z-index: 3;
                }
                .prev_les {
                    height:122px;
                    overflow: hidden;
                    display: block;
                    padding-top:2.0em;
                }
                .percentage {
                    position: absolute;
                    left:35%;
                    bottom:0;
                    font-family: $font-nexa_slabxbold;
                    font-size: 1.8em;
                    z-index: 4;
                }
                p {
                    width:150px;
                    text-align: right;
                    font-size:1.3em;
                    line-height:1.0em;
                    padding-right:10px;
                    padding-bottom:0px;
                }
            }/*end corso_percentuale*/
            
            
        }/*end sez-right*/
        
    }/*end wrapper_main*/
    
    
   .wrapper_dettagli_hide {
        .black_banner {
            @include black-banner();
        }
        .sez-left{
            /*padding:30px 0px 50px 0px;*/
            margin-top:30px;
            /*margin-bottom:50px;*/
            
            .box_howto {
                @include box-style();  
                background:$white-color;
                padding: 3px 15px;
                text-align: justify;
                /*min-height:240px;*/
                h2 {
                    font-family: $font-nexa_book;
                    font-size: 2.35em;
                    line-height: 2.0em;
                }
                p {
                    font-family: $font-nexa_book;
                    line-height:1.2em;
                    padding:0 0 0 15px;
                }      
            }/*end box_howto*/
            
            
            .box_writers {
                @include box-style();
                min-height:330px;
                .avatar{
                    /*position:absolute;
                    top:10px;
                    left:20%;*/
                    margin-left:25%;
                    margin-top:-14%;
                    width:155px;
                    height:155px;
                    img#avatarImg {
                        border-radius: 75px 75px 75px 75px;
                        box-shadow: 3px 0 2px #000000;
                        height: 155px;
                        width: 155px;
                    }
                }
                .box_author {
                    padding:0;
                    text-align: center;
                    position: relative;
                    display: block;
                                       
                    .view_all {
                        font-size: 0.8em;
                        font-family: $font-nexa_slabxbold;
                        text-transform: uppercase;
                        position: absolute;
                        top: 60px;
                        right: 6px;
                        z-index: 1;
                        color: $green-color;
                    }
                    .single_teacher {
                        .round_img {
                            position: relative;
                            img.avatarImg {
                                 height: 155px;
                                 /*width: 155px;*/
                             }
                            .avatar{
                                background: url('/libs/css/assets/mask_oneTeacher.png')no-repeat;
                                height: 166px;
                                left: -82px;
                                position: absolute;
                                top: 46px;
                                width: 100%;
                            }
                        }
                        .box_info {
                            .box_social {
                                margin: 10px auto;
                                width: 22%;
                                li {
                                    margin-left:0;
                                    a {
                                        width:20px; 
                                        height:21px;
                                        background-image: url('/libs/css/assets/corso_social_icons.png');
                                        background-color: transparent;
                                        background-position: 0 0;
                                    }
                                    a.tw {background-position: 0 0;}
                                    a.fb {background-position:40px 0px;}
                                    a.ln {background-position:79px 0px;}
                                }
                            }/*end box-social*/
                            .name {
                                font-size:19px;
                                color:$course-color;
                            }
                            .role {
                                color:$green-color;
                                margin-bottom: 1.25em;
                                font-style:italic;
                            }
                            p {
                                color:$course-color;
                                line-height:1em;
                                width:60%;
                                margin:0 auto;
                            }
                        }
                    }/*end single_teacher*/
                    
                    
                    .many_teachers {
                        display: none;
                        height: 330px;
                        overflow-y: auto;
                        .teacher {
                            display: block;
                            margin-bottom: 0.5em;
                            .round_bkg {
                                position: relative;
                                img.avatarImg {
                                    display: block;
                                    float: left;
                                    height: 100px;
                                    overflow: hidden;
                                 }
                                .bkg_avatar{
                                    background: url('/libs/css/assets/mask_manyTeachers.png')no-repeat;
                                    width: 100%;
                                    height: 100px;
                                    position: absolute;
                                    top:0;
                                    left: 0;
                                }
                            }
                            .box_info {
                                width: 100%;
                                height: 100%;
                                padding: 1em 0.5em 0.5em;
                                position: relative;
                                text-align: left;
                                .box_social {
                                    width: 100%;
                                    a {
                                        float: left;
                                        width:20px; 
                                        height:21px;
                                        background-image: url('/libs/css/assets/corso_social_icons.png');
                                        background-color: transparent;
                                        background-position: 0 0;
                                    }
                                    a.tw {background-position: 0 0;}
                                    a.fb {background-position: 40px 0px;}
                                    a.ln {background-position: 79px 0px;}
                                    
                                }/*end box-social*/
                                .name {
                                    font-size: 1.2em;
                                    color: $course-color;
                                    font-family: $font-nexa_slabxbold;
                                }
                                .role {
                                    color: $green-color;
                                    margin-bottom: 1.0em;
                                    font-style: italic;
                                }
                            }
                            .info_toShow {
                                background-color: transparent;
                            }
                            .show_icon{
                                height: 12px;
                                width: 12px;
                                margin-right: 0.5em;
                                margin-top: -15px;
                                cursor: pointer;
                            }
                            .icon_plus {
                                background: url("/libs/css/assets/icon_plus_b.png") no-repeat scroll 0 0 transparent;
                            }
                            .icon_minus {
                                background: url("/libs/css/assets/icon_minus_b.png") no-repeat scroll 0 0 transparent;
                            }
                            .teacher_content {
                                display: none;
                                color: $course-color;
                                line-height:1em;
                                width: 100%;
                                margin:0 auto;
                                padding: 1.0em;
                                text-align: center;
                            }
                        }
                        .go_back_oneTeacher{
                            color: $green-color;
                            font-size: 0.8em;
                            font-family: $font-nexa_slabxbold;
                            text-transform: uppercase; 
                            cursor: pointer;
                            margin: 0.5em 0;
                        }
                    }/*end many_teachers*/
                    
                }/*end box-author*/
                
                .box_followers {
                    padding:0;
                    text-align: center;
                    .num {
                        font-size:48px;
                        color:$green-color;
                        font-family: $font-nexa-light;
                    }
                    p {
                        font-size:16px;
                        line-height:16px;
                        color:$course-color;
                        opacity:0.8;
                        font-family: $font-nexa_slabxbold;
                    }
                    .f_list {
                        width:185px;
                        height:148px;
                        margin:0 auto;
                        li {
                            margin: 0 0 0.3em 0.3em;
                            width:40px;
                            height:46px;
                            img {
                                width:40px;
                                height:46px;
                            }
                        }
                    }
                    .valutazione {
                        width:185px;
                        margin:24px auto 0;
                        span {
                            font-size:16px;
                            line-height:16px;
                            color:$course-color;
                            font-family: $font-nexa_slabxbold;
                        }
                        .lampadine {
                            margin: 4px auto 0;
                        }
                    }
                }/*end box-followers*/
                
            }/*end box-writers*/
         
            
        }/*end sez-left*/
        
        .sez-right{
            /*padding:30px 0px 50px 0px;*/
            margin-top:30px;
            margin-bottom:50px;
            
            .box_info_pubb {
                @include box-style();
                padding:10px;
                min-height:240px;
                opacity:0.8;
                div{
                    font-size:18px;
                    line-height:25px;
                    font-family: $font-nexa_book;
                }
                span  {
                    font-family: $font-nexa_slabxbold;
                }
                .info_tecniche {
                    margin-top:20px;
                }
            }/*end box_info_pubb*/
            
            .black_boxes {
                @include box-style();        
                .box_requisiti {
                    @include black-bkg();
                    h3 {
                        color:$white-color;
                        font-family: $font-nexa_book;
                        opacity:0.8;
                        margin-bottom:10px;
                    }
                    p {
                        color:$white-color;
                        opacity:0.5;
                        line-height:11px;
                        font-size:11px;
                        margin-bottom:0.5em;
                    }
                    .slide-arrow {
                        color:$white-color;
                        opacity:0.5;
                    }
                }/*end box_requisiti*/

                .box_obiettivi{
                    @include black-bkg-soft();
                    h3 {
                        color:$white-color;
                        font-family: $font-nexa_book;
                        opacity:0.8;
                        margin-bottom:10px;
                    }
                    p {
                        color:$white-color;
                        opacity:0.5;
                        line-height:11px;
                        font-size:11px;
                        margin-bottom:0.5em;
                    }
                    .slide-arrow {
                        color:$white-color;
                        opacity:0.5;
                    }
                }/*end box_obiettivi*/

                .box_aspettative {
                    @include black-bkg();
                    h3 {
                        color:$white-color;
                        font-family: $font-nexa_book;
                        opacity:0.8;
                        margin-bottom:10px;
                    }
                    p {
                        color:$white-color;
                        opacity:0.5;
                        line-height:11px;
                        font-size:11px;
                        margin-bottom:0.5em;
                    }
                    .slide-arrow {
                        color:$white-color;
                        opacity:0.5;
                    }
                }/*end box_aspettative*/
                
            }/*end black_boxes*/
            
        }/*end sez-right*/
        
    }/*end wrapper_dettagli_hide */
    
    
    
}

